@import "../../../assets/scss/pxVw.scss";

$designWidth: 1931;
.theUser {
  //height: 100%;
  .footerIndex {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
}

.theLogin {
  padding: 64px 0 68px;
  width: 100%;
  .theLoginBox {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: url('../../../assets/images/theUser/login/sinban.jpg') top center no-repeat, #100D26;
    background-size: 100% auto;
  }
}

.theLoginMain {
  text-align: center;
  //min-height: 596px;
  //height: 100%;
  padding-top: vw(30);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  overflow: visible;
}

.theLoginImg {
  //width:vw(528);
  display: inline-block;
  margin-right: vw(130);
  vertical-align: top;
  img {
    width: auto;
    height: vw(660);
  }
}

.theLoginInfo, .theLoginPadding {
  overflow: visible;
}

.theLoginInfo {
  width: 378px;
  display: inline-block;
  vertical-align: top;
}

.theLoginPadding {
  padding: 30px;
  .diamond {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    img {
      height: 70px;
      width: auto;
    }

  }
}

.theLoginPng {
  text-align: center;
  overflow: visible;
  margin-bottom: 38px;
  //margin-top: -70px;
  p {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    overflow: visible;
    b {
      font-style: normal;
      font-weight: 300;
      margin: 0 24px;
    }
    span {
      &.on {
        font-weight: 600;
        position: relative;
        overflow: visible;
        &::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -8px;
          width: 100%;
          border-top: 3px solid #fff;
        }
      }
    }
  }
}

.theLoginFill {
  p {
    height: 50px;
    padding: 10px 10px 10px 25px;
    border-bottom: 1px solid #fff;
    margin-bottom: 14px;
    background: url('../../../assets/images/theUser/login/zhang.png') 0px 15px no-repeat;
    background-size: 20px auto;
    text-align: left;
    input {
      font-size: 14px;
      color: #fff;
      line-height: 30px;
      background: rgba(0, 0, 0, 0) !important;
    }
    &:nth-of-type(2) {
      background: url('../../../assets/images/theUser/login/suo.png') 0px 15px no-repeat;
      background-size: 20px auto;
    }
    &:nth-of-type(3) {
      background: url('../../../assets/images/theUser/register/confirmIcon.png') 0px 15px no-repeat;
      background-size: 20px auto;
    }
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.theLoginBtn {
  text-align: center;
  height: 48px;
  a {
    line-height: 48px;
    display: block;
    font-size: 16px;
    color: #1D2228;
    background-image: linear-gradient(-1deg, #D0A979 0%, #DDC09C 100%);
    border-radius: 4px;
  }
  a:hover {
    opacity: 0.9;
  }
}

.theLoginRes {
  padding: 10px 0;
  text-align: center;
  font-size: 13px;
  color: #FFFFFF;
  a {
    font-family: MicrosoftYaHei;
    font-size: 13px;
    color: #FFDC99;
    text-decoration: underline;
  }
  a:hover {
    text-decoration: none;
  }
}

.theLoginChecked {
  padding: 16px 0;
  .theCheckLeft {
    float: left;
    font-size: 13px;
    color: #FFDC99;
    i {
      font-size: 20px;
      display: inline-block;
      position: relative;
      top: 2px;
      margin-right: 5px;
      cursor: pointer;
    }
    .registerCheck {
      display: inline-block;
      vertical-align: bottom;
    }
  }
  .theCheckRight {
    float: right;
    color: #FFDC99;
    a {
      font-size: 13px;
    }
  }
}

/*注册*/
.theRegisterMain {
  padding-top: vw(60);
  text-align: center;
  min-height: vw(730);
  height: 100%;
  .theLoginImg {
    margin-top: 100px;
    img {
      //width:vw(628);
      //height: auto;
      width: auto;
      height: vw(460);
    }
  }
}

/*.theRegisterMain {
  width: 553px;
  height:428px;
  background-color: #fff;
  margin: 0 auto;
  opacity: 0.98;
  border-radius: 2px;
}
.theRegisterMain ,.theRegisterPadding {
  overflow: visible;
}
.theRegisterPadding {
  padding: 75px 115px;
}
.theRegisteredPng {
  text-align: center;
  margin-top: -110px;
  p {
    display: inline-block;
    width: 66px;
  }
}
.theRegisterFill {
  margin-top: 15px;
  p {
    margin: 15px 0;
  }
  //p:nth-of-type(3) {
  //  background: url('../../../assets/images/theUser/login/yanf.png') 10px 15px no-repeat;
  //  background-size: 20px auto;
  //}
}
.theLoginChecked {
  .theCheckRegisterLeft {
    font-size: 12px;
    .theCheckRA {
      color: #EB371C;
    }
  }
}
.theRegisterBtn {
  margin-top: 20px;
}*/
